.table-wrap {
  width: 100%;
  margin-bottom: 50px;
  position: relative;
  table {
    width: 100%;
    font-size: 14px;
    thead {
      th {
        padding: 10px 0;
        color: white;
        background: #638699;
        font-weight: 300;
        border-left: 1px solid white;
        white-space: nowrap;
        &:first-of-type {
          border-left: none;
        }
      }
    }
    td {
      padding: 10px 15px;
    }
    tbody {
      >tr:nth-of-type(even) td {
        border-top: 1px solid #ecebeb;
        border-bottom: 1px solid #ecebeb;
        &:first-of-type {
          border-left: 1px solid #ecebeb;
        }
        &:last-of-type {
          border-right: 1px solid #ecebeb;
        }
      }
    }
  }
  .head-wrap {
    width: 100%;
    overflow: hidden;
    height: 40px;
  }
  .body-wrap {
    width: 100%;
    overflow-y: auto;
  }
}

@media screen and (max-width: 1400px) {
  .table-wrap {
    margin-bottom: 34px;
    table {
      font-size: 12px;
      thead {
        th {
          padding: 7px 0;
        }
      }
      td {
        padding: 7px 10px;
      }
    }
    .head-wrap {
      height: 27px;
    }
  }
}